<template>
  <div class="loginPage">
    <el-container>
      <el-main>
        <img
          id="bgcSize"
          src="@/assets/imgs/bgc-min.jpg"
          alt=""
        >
        <login-page></login-page>
      </el-main>
    </el-container>
  </div>
</template>
 
<script>
import loginPage from "@/components/Login/loginPage.vue";
export default {
  data() {
    return {
    };
  },
  components: {
    loginPage,
  }
};
</script>
<style lang="less" scoped>
.loginPage {
  width: 100%;
  height: 108rem;
  .el-container {
    width: 100%;
    height: 100%;
    .el-main {
      width: 100%;
      height: 100%;
      background-color: rgba(141, 141, 141, 0.767);
      margin: 0;
      padding: 0;
      overflow: hidden;
      position: relative;

      #bgcSize {
        width: 100%;
        height: auto;
        transition-property: transform;
        transition-duration: 1500ms;
        transition-timing-function: ease;
      }
      // #bgcSize:hover {
      //   transform: scale(1.1);
      // }
    }
  }
}
</style>